<!DOCTYPE html>
<html>

<head>

	<title> Events </title>
  <script
    src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"
    type="text/javascript"></script>
	<link rel=StyleSheet href="navbarstyle.css"/>
          <link rel=StyleSheet href="eventstyle.css"/>

	<script src="eventjavascript.js" type="text/javascript"></script>
   <script src="eventajax.js" type="text/javascript"></script>

   <script type="text/javascript" src="jsDatePick.min.1.3.js"></script>
  <link rel="stylesheet" type="text/css" media="all" href="jsDatePick_ltr.min.css" />
  
	
    
</head>

<body>
	
	 <a class="logo" href="index.html" >
        <img id="logo" src="../images/Sankofacolorlogo.jpg"/>
        </a>

    <div id = "description"><h1> Events </h1><p>Below are the events in the database. Click on an event to get that particular event's info.</p></div>

	<nav class="NavBar">
        <ul>
            <li>
                <a class= "Volunteer" href="volunteer.html"> Volunteers</a>
                <ul>
                    <li><a href="volunteer.html" title="Search"> Search </a></li>
                    <li><a href="addvolunteer.html" title="Edit"> Edit </a></li>
                </ul>
            </li>    
            <li>
                <a class= "Events highlighted" href="events.html"> Events</a>
                <ul>
                    <li><a href="events.html" title="Search"> Search </a></li>
                    <li><a href="addevents.html" title="Edit"> Edit </a></li>
                </ul>
            </li>

            <li><a class= "Plants" href="plants.html"> Plants</a>
                <ul>
                    <li><a href="plants.html" title="Search"> Search </a></li>
                    <li><a href="addplants.html" title="Edit"> Edit </a></li>
                </ul>
            </li>
            <li>
              <a class= "Source" href="source.html"> Source</a>
                <ul>
                  <li><a href="source.html" title="Search"> Search </a></li>
                  <li><a href="addsource.html" title="Edit"> Edit </a></li>
                </ul>
            </li>     
        </ul>
    </nav>
    
    <div class ="search">
   		<input class="floatleft" type="text" name="q" alt="Search" value="" maxlength="256" size="32" />
    	<input class="floatleft" type="submit" name="btnG" value="Search" />
        
	</div>

  <div id = "info">

      <div class ="headerrow">
        <div class = "col-1"> Name </div>
        <div class = "col-2"> Begin Date </div>
        <div class = "col-3"> End Date </div>
        <div class = "col-4"> Description </div>

      </div>




</body>

</html>